<template>
		<view>
				
			<s-search-block v-if="type === 'searchBlock'" :data="data" :navbar="false" />
			<s-menu-swiper v-if="type === 'menuSwiper'" :data="data" :styles="styles" />
			<s-image-banner v-if="type === 'imageBanner'" :data="data" :styles="styles" />
			<s-activity-shelves v-if="type === 'activityShelves'" :data="data" :styles="styles" />
			<s-title-block v-if="type === 'titleBlock'" :data="data" :styles="styles" />
			<s-goods-class v-if="type === 'goodsClass'" :data="data" :styles="styles" />
		
		</view>
</template>

<script setup>
		
		 import { computed, ref,onMounted } from 'vue';
		 import sSearchBlock from '@/pages/index/components/s-search-block/s-search-block.vue';
		 import sMenuSwiper from '@/pages/index/components/s-menu-swiper/s-menu-swiper.vue';
		 import sImageBanner from '@/pages/index/components/s-image-banner/s-image-banner.vue';
		 import sActivityShelves from '@/pages/index/components/s-activity-shelves/s-activity-shelves.vue';
		 import sTitleBlock from '@/pages/index/components/s-title-block/s-title-block.vue';
		 import sGoodsClass from '@/pages/index/components/s-goods-class/s-goods-class.vue';
		/**
		 * 装修组件 - 组件集
		 */
		const props = defineProps({
				type: {
						type: String,
						default: '',
				},
				data: {
						type: Object,
						default() {
						},
				},
				styles: {
						type: Object,
						default() {
						},
				},
		});
		
		onMounted(()=>{
			console.log('props.data:',props.data)
		})
		
		function onSearch() {
		}
</script>

<style></style>
